<template>
    <div class='box'>
<homes-header></homes-header>
<homes-swiper></homes-swiper>
<homes-icons></homes-icons>
<button id='btn' @click='jietu'></button>
    </div>
</template>

<script>

import html2canvas from 'html2canvas';
import  HomeHeader from './components/Header'
import  HomeSwiper from './components/Swiper'
import  HomeIcons from './components/icons'
export default {
    props: {

    },
    components:{
        HomesHeader:HomeHeader,
       HomesSwiper:HomeSwiper,
       HomesIcons:HomeIcons
    },
    data() {
        return {

        };
    },
    computed: {

    },
    created() {

    },
   

   
   
    methods: {
        jietu(){

                html2canvas(document.body).then(function(canvas) {
        document.body.appendChild(canvas);
        })
     }
    }
   
};
</script>

<style scoped lang="css">


.box {
    position:relative;
}
#btn{
    width:100px;
    height:50px;
    position:fixed;
    right:10px;
    bottom:120px;

}
</style>
